<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        html{
            font-size: 16px;
        }
        .home{
            width: 100%;
            height: 100vh;
            display: flex;
            flex-direction: column;
        }
        .WeChatMain{
            flex: 1;
            border: 0;
        }
        .menu{
            position: fixed;
            bottom: 0;
            display: flex;
            background-color: #e7e7e7;
            border-top: #888888 1px solid;
            width: 100%;
            /*height: 80px;*/
        }
        .menu > li{
            flex: 1;
            list-style: none;
            display: flex;
        }
        .menu > li > a{
            text-decoration: none;
            color: #3b3b3b;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin: 15px auto auto auto;
        }
        .menu > li > a > p{
            font-size: 1.75rem;
        }
    </style>
</head>
<body>
<div class="home">
    <iframe src="信息.html" name="wyframe" class="WeChatMain"></iframe>
    <ul class="menu">
        <li>
            <a href="信息.html" target="wyframe">
            <img width="75" height="75" src="../image/information.svg">
            <p >信息</p>
            </a>
        </li>
        <li>
            <a href="通讯录.html" target="wyframe">
            <img width="70" height="75" src="../image/AddressBook.svg">
            <p>通讯录</p>
            </a>
        </li>
        <li>
            <a href="发现.html" target="wyframe">
            <img width="75" height="75" src="../image/find.svg">
            <p>发现</p>
            </a>
        </li>
        <li>
            <a href="我的.html" target="wyframe">
            <img width="75" height="75" src="../image/Mycoin.svg">
            <p>我的</p>
            </a>
        </li>
    </ul>
</div>
</body>
</html>